<%
//下载APP
layout("/inc/layout.html",{
title:'房产基本信息 - 婚姻诉讼 - 智慧法院',
keywords:'房产基本信息,婚姻诉讼,智慧法院',
description:'房产基本信息,婚姻诉讼,智慧法院',
style:'index.css'
}){
%>

<section class="container mt15">
    <div class="row" id="location-box">
        <div class="panel panel-info">
            <div class="panel-heading text-left"><b>房产信息登记</b></div>
            <div class="panel-body">
                <%
                if(isNotEmpty(shareholderList)){
                for(shareholder in shareholderList){
                %>
                <form id="house_${houseLP.index}" class="form-horizontal" name="houseForm" method="post" role="form">
                    <input class="form-control" name="lawsuitId" id="lawsuitId" type="hidden" value="${lawsuitId!}">
                    <legend>第${houseLP.index}个房产信息：
                        <button onclick="$(this).parents('form').remove()" class="btn btn-danger mb5">删除</button>
                    </legend>


                    <div class="form-group">
                        <label class="col-sm-2 control-label">房屋地址：</label>
                        <div class="col-sm-5">
                            <input name="address" class="form-control" placeholder="请输入房屋地址" type="text" required aria-required="true" minlength="2" maxlength="50">
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-sm-2 control-label">房屋面积(㎡)：</label>
                        <div class="col-sm-5">
                            <input name="area" class="form-control" placeholder="请输入房屋面积" type="number" required aria-required="true" minlength="2" maxlength="50">
                        </div>
                    </div>


                    <div class="form-group">.
                        <label class="col-sm-2 control-label">房屋性质：</label>
                        <div class="col-sm-5">
                            <select class="form-control" name="nature" required aria-required="true">
                                <option value="商品房">商品房</option>
                                <option value="公房">公房</option>
                                <option value="经济适用房">经济适用房</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">房产证号：</label>
                        <div class="col-sm-5">
                            <input name="cardNumber" class="form-control" placeholder="请输入房产证号" type="text" required aria-required="true" maxlength="18">
                        </div>
                    </div>


                    <div id="camera_tool_open"></div>

                    <div class="form-group">
                        <label class="col-sm-2 control-label">房产证照片：</label>
                        <div class="col-sm-5">
                            <b class='text-danger upload-tips'></b>
                            <div class="input-group"><input name="card" class="form-control mb10" type="text" readonly placeholder="请选择..." required>
                                <span class="input-group-btn">
                                    <input name="files" class="form-control cardFrontUploader" type="file">
                                </span>
                            </div>
                            <div class="cardFrontPictureShow center-block row"></div>
                            <div class="front-error-message"></div>
                        </div>
                    </div>


                    <div id="camera_tool_close"></div>

                </form>
                <%
                }
                }
                %>
                <hr>
                <h5 class="alert alert-warning">提醒：带*的地方为必填项，请根据实际情况填写。</h5>
                <div id="moreHouse"></div>
                <div class="col-sm-offset-2 col-sm-5">
                    <button type="button" id="addHouse" class="btn btn-info btn-lg btn-block"><i class="iconfont icon-tianjiafang"></i>添加房产</button>
                </div>
            </div>
            <div class="panel-footer">
                <div class="col-sm-offset-3 clearfix">
                    <div class="mt5 mb5 block col-sm-3">
                        <a href="javascript:history.go(-1);" class="btn btn-warning btn-lg btn-outline btn-block">上一步</a>
                    </div>
                    <div class="mt5 mb5 block col-sm-3">
                        <button type="button" id="doSubmit" class="btn btn-danger btn-lg btn-outline btn-block">下一步</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<% } %>
<script>
    require(['court/house/house'], function (apply) {
        apply.houseIndex(${lawsuitId!});
    });
</script>
</body>
</html>